<template>
	<view>
		<view class="listCon">
			<physicianList :data="physicianList" @appointment="handleClickAppointment"
				@open="handleClickOpen"></physicianList>
		</view>
		<view class="commonBtn">
			<view class="btnCon" @tap="goto('pages/owns/physician/addPhysician')">
				<text>新增医师</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				physicianList: Array.from({
					length: 20
				}, (_, i) => i + 1).map((item) => {
					return {
						"level": "初级师",
						"name": "艾师傅",
						"star": "4.5",
						"address": "东莞",
						"price": "286.00",
						"image": "/static/images/physician-logo.png",
					}
				}),
			}
		},
		methods: {
			handleClickAppointment() {
				console.log("列表预约");
			},
			handleClickOpen() {
				console.log("列表打开");
			}
		}
	}
</script>

<style lang="scss" scoped>
	.listCon {
		padding: 24rpx;
	}
</style>